<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <header>
        <h4>管理系统</h4>
        <div class="yonghu">
            <span class="iconfont icon-haoyou"></span>
            <span><span class="username">九儿</span></span>
        </div>
    </header>
    <div class="bottom">
        <aside>
            <ul>
                <li><span class="iconfont icon-shouye-xianxing"></span>首页</li>
                <li><span class="iconfont icon-rizhi"></span>系统管理</li>
                <li><span class="iconfont icon-haoyou"></span>用户管理</li>
                <li><span class="iconfont icon-zhuanti"></span>角色管理</li>
                <li><span class="iconfont icon-zhuanti"></span>菜单管理</li>
                <li><span class="iconfont icon-zhuanti"></span>部门管理</li>
                <li class="active"><span class="iconfont icon-zhuanti"></span>岗位管理</li>
                <li><span class="iconfont icon-zhuanti"></span>字典管理</li>
                <li><span class="iconfont icon-shezhi"></span>参数设置</li>
                <li><span class="iconfont icon-zhuanti"></span>通知公告</li>
                <li><span class="iconfont icon-zhuanti"></span>日志管理</li>
                <li><span class="iconfont icon-zhuanti"></span>系统监控</li>
            </ul>
        </aside>
        <main>
            <div class="search">
                <span>岗位名称</span>
                <input type="text" placeholder="请输入岗位名称">
                <button class="sousuo">搜索</button>
            </div>
            <button><span class="iconfont icon-jiahao"></span>新增</button>
            <button><span class="iconfont icon-bianji"></span>修改</button>
            <button><span class="iconfont icon-shanchu"></span>删除</button>
            <button><span class="iconfont icon-zhuanti"></span>导出</button>
            <table>
                <thead>
                    <tr>
                        <th>岗位编号</th>
                        <th>岗位编码</th>
                        <th>岗位名称</th>
                        <th>岗位排序</th>
                        <th>状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                  
                </tbody>
            </table>
            <div class="foot">
                <span>上一页</span>
                <span>下一页</span>
            </div>
        </main>
    </div>
    <!-- 编辑 -->
  
</body>
</html>
<script src="./axios.min.js"></script>
<script src="./index.js"></script>